.serviceList{
  border: 1px solid var(--border-color);
  padding: 10px;
  overflow: hidden;
  min-height: 656px;
  & li{
    width: 218px;
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    float: left;
    margin-right: 10px;
    box-sizing: border-box;
    cursor: pointer;
    &:nth-child(3n){
      margin-right: 0;
    }
    & .img{
      width: 100%;
      height: 148px;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle;
      & img{
        width: 100%;
        vertical-align: middle;
        transition: all .3s;
      }
      &:hover img{
        transform: scale(1.12);
      }
    }
    & p{
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      color: #333;
      text-align: center;
      border-top: 1px solid var(--border-color);
      transition: all .3s;
    }
    &:hover{
      border-color: var(--theme-hover-color);
      & p{
        border-top-color: var(--theme-hover-color);
        color: var(--theme-hover-color);
      }
    }
  }
}